<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    @charset "UTF-8";

    html,
    body,
    div,
    span,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    a,
    address,
    em,
    img,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    i,
    b,
    s {
        margin: 0;
        padding: 0;
        border: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: Helvetica, Arial, sans-serif;
    }

    ul,
    ol {
        list-style: none;
    }

    a img {
        border: none;
        vertical-align: top;
    }

    a {
        text-decoration: none;
    }

    button {
        overflow: visible;
        padding: 0;
        margin: 0;
        border: 0 none;
        background-color: transparent;
    }

    button::-moz-focus-inner {
        padding: 0;
    }

    textarea,
    input {
        background: none;
        padding: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-appearance: none;
    }

    input[type="password"] {
        -webkit-text-security: disc;
    }

    textarea:focus,
    input:focus,
    button:focus {
        outline: none;
    }

    body {
        word-wrap: break-word;
    }

    * {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    html,
    body {
        -webkit-user-select: none;
        /* 禁止选中文本（如无文本选中需求，此为必选项） */
        user-select: none;
        -webkit-text-size-adjust: none;
        /* 禁止字体横屏变大 */
    }

    .wapper {
        min-height: 100vh;
        background: #fff;
    }

    .wapper .detail-box {
        background: #fff;
    }

    .wapper .title {
        position: relative;
        padding: 17px 15px;
        font-size: 18px;
        line-height: 24px;
        font-weight: bolder;
    }

    .wapper .title:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 15px;
        right: 15px;
        border-bottom: 1px solid #dfdfdf;
        -webkit-transform: scaleY(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wapper .q-content {
        font-size: 16px;
        color: rgba(0, 0, 0, 0.9);
        line-height: 24px;
        padding: 12px 15px 0;
        text-align: justify;
    }
    .wapper .q-content .fangshi{
        font-size: 14px;
    }
    .wapper .q-content b{
        font-weight: bold;
    }
    .wapper img{
        max-width: 100%;
        margin: 15px auto;
        display: block;
    }
</style>

<body>
    <!--主内容区域-begin-->
    <div class="wapper">
        <div class="detail-box">
            <h2 class="title">如何正常接收宜选网APP的消息推送？</h2>
        </div>
        <div class="q-content">
            <p class="fangshi">允许消息推送有两种方式：</p>
            <div><b>方式一：在打开宜选网APP时，选择“允许”。</b></div>
            <!-- 一stap1ios.png -->
            <img src="./img/一stap1ios.png" alt="">
            <p class="fangshi">点击“允许”，则可正常接收消息。</p>
            <div><br></div>
            <div><b>方式二：在手机“通知”里设置。</b></div>
            <p class="fangshi">Step1 设置-通知-选择宜选网APP；</p>
            <!-- 二stap1ios.png -->
            <img src="./img/二stap1ios.png" alt="">
            <p class="fangshi">Step2 确保通知管理中的开关都已经打开；
            包含：允许通知、提醒的三种状态均打开。</p>
            <!-- 二stap2ios.png -->
            <img src="./img/二stap1ios.png" alt="">
        </div>
    </div>
</body>

</html>